import Title from "antd/es/typography/Title";
import {
  QuestionTitleDefaultProps,
  type QuestionTitlePropsType,
} from "./interface";

export default function QuestionTitle(props: QuestionTitlePropsType) {
  const {
    text = "",
    level = 1,
    isCenter = false,
  } = { ...QuestionTitleDefaultProps, ...props };
  const genFontSize = (level: number) => {
    if (level === 1) return "24px";
    if (level === 2) return "20px";
    if (level === 3) return "16px";
    return "16px";
  };
  return (
    <Title
      level={level}
      style={{
        textAlign: isCenter ? "center" : "start",
        marginBottom: 0,
        fontSize: genFontSize(level),
      }}
    >
      {text}
    </Title>
  );
}
